{include file="public/header" /}
<link rel="stylesheet" href="/static/admin/addons/builder/css/base.css" media="all">
<style>
    .listli{
        border: 1px solid #f6f6f6;
        padding: 3px 10px;
        margin: 5px;
        background: #f6f6f6;
        border-radius: 30px;
        display: inline-table;
    }
    .listlimr{
        border: 1px solid #2BC3B6 !important;
        background: #DEF9F7 !important;
        color: #2BC3B6 !important;
    }
    .listli img{
        width: 24px;
        height: 24px;
        margin-right: 20px;
    }
</style>
<body>
    <div class="layui-fluid layui-anim layui-anim-downbit">
        {volist name="list" id="vo"}
        <div class="layui-card">
            <div class="layui-card-body" style="padding: 15px;">
                <div class="layui-row">
                    <h4>{$vo.title}</h4>
                </div>
                <div class="layui-row" style="margin-top: 15px;">
                    {volist name="vo.son" id="item"}
                    <div class="layui-col-xs4 layui-col-sm4 layui-col-md4">
                        <div class="listli {if $item.check == 1}listlimr{/if}">
                            <img src="{if $item.check == 1}{$item.img_select}{else}{$item.img}{/if}"/>
                            {$item.title}
                        </div>
                    </div>
                    {/volist}
                </div>
            </div>
        </div>
        {/volist}
    </div>
</body>
{include file="public/footer" /}
</html>